<template>
	<view>
		<view @click="goproblemDetail(index)" class="problemBox" v-for="(item,index) in appdetailData":key="index">
			<text class="problemFont">{{item.article_title}}</text>
			<image class="right" src="../../static/user2/rightjt.png"></image>
		</view>
	</view>
</template>

<script>
	import Require from '../../common/require.js';
	export default {
		data() {
			return {
				appdetailData:[],
			};
		},
		onLoad() {
			var self = this
			Require.commonRequest({
				url: '/api/question/list',
				success: function(ret) {
					if (ret.data.code == 200)
						console.log(ret.data)
						self.appdetailData=ret.data.data
				},
				fail: function() {
					uni.showToast({
						icon: "none",
						title: "网络异常，请稍后再试"
					})
				}
			})
		},
		methods:{
			goproblemDetail(e){
				var self=this;
				uni.navigateTo({
					url:'./comProblemdetail?id='+self.appdetailData[e].article_id+'&title='+self.appdetailData[e].article_title
				})
				}
		}
	}
</script>

<style>
	.problemBox{
			width: 680rpx;
			height: 100rpx;
			border-bottom: 1rpx solid #E5E5E5;
			position: relative;
			top: 0rpx;
			left: 35rpx;
			display: flex;
			align-items: center;
	}
	.problemFont{
		font-size:29rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(51,51,51,1);
	}
	.right{
		width: 14rpx;
		height: 22rpx;
		position: absolute;
		top: 40rpx;
		right: 0rpx;
	}
</style>
